import Vue from 'vue'
import App from './App.vue'

import VueRouter from 'vue-router'
import First from './components/First'
import Second from './components/Second'
import Third from './components/Third'
import Forth from './components/Forth'
import Fifth from './components/Fifth'
import Sixth from './components/Sixth'
import Seventh from './components/Seventh'
import Eighth from './components/Eighth'
import Ninth from './components/Ninth'

Vue.use(VueRouter)
const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/first', name: "1", component: First
        },
        {
            path: '/second', name: "2", component: Second
        },
        {
            path: '/third', name: "3", component: Third
        },
        {
            path: '/forth', name: "4", component: Forth
        },
        {
            path: '/fifth', name: "5", component: Fifth
        },
        {
            path: '/sixth', name: "6", component: Sixth
        },
        {
            path: '/seventh', name: "7", component: Seventh
        },
        {
            path: '/eighth', name: "8", component: Eighth
        },
        {
            path: '/ninth', name: "9", component: Ninth
        },
    ]
})

Vue.config.keyCodes.f12 = 112
Vue.config.productionTip = false

new Vue({
    router,
    render: h => h(App),
}).$mount('#app')
